<template>
    <view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })" @tap="onClick">
        <van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-icon__info info-class" />
        <image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon__image" />
    </view>
</template>
<script module="computed" lang="wxs" src="@/miniprogram_npm/@vant/weapp/icon/index.wxs"></script>
<script>
'use strict';
Object.defineProperty(exports, '__esModule', {
    value: true
});
var component_1 = require('../common/component');
export default {
    data() {
        return {};
    },
    classes: ['info-class'],
    props: {
        dot: Boolean,
        info: null,
        size: null,
        color: String,
        customStyle: String,
        classPrefix: {
            type: String,
            default: 'van-icon'
        },
        name: String
    },
    methods: {
        onClick: function () {
            this.$emit('click');
        }
    }
};
</script>
<style>
@import '../common/index.css';
.van-icon {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: normal normal normal 14px/1 vant-icon;
    font: normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');
    font-size: inherit;
    position: relative;
}
.van-icon,
.van-icon:before {
    display: inline-block;
}
.van-icon-contact:before {
    content: '\e753';
}
.van-icon-notes:before {
    content: '\e63c';
}
.van-icon-records:before {
    content: '\e63d';
}
.van-icon-cash-back-record:before {
    content: '\e63e';
}
.van-icon-newspaper:before {
    content: '\e63f';
}
.van-icon-discount:before {
    content: '\e640';
}
.van-icon-completed:before {
    content: '\e641';
}
.van-icon-user:before {
    content: '\e642';
}
.van-icon-description:before {
    content: '\e643';
}
.van-icon-list-switch:before {
    content: '\e6ad';
}
.van-icon-list-switching:before {
    content: '\e65a';
}
.van-icon-link-o:before {
    content: '\e751';
}
.van-icon-miniprogram-o:before {
    content: '\e752';
}
.van-icon-qq:before {
    content: '\e74e';
}
.van-icon-wechat-moments:before {
    content: '\e74f';
}
.van-icon-weibo:before {
    content: '\e750';
}
.van-icon-cash-o:before {
    content: '\e74d';
}
.van-icon-guide-o:before {
    content: '\e74c';
}
.van-icon-invitation:before {
    content: '\e6d6';
}
.van-icon-shield-o:before {
    content: '\e74b';
}
.van-icon-exchange:before {
    content: '\e6af';
}
.van-icon-eye:before {
    content: '\e6b0';
}
.van-icon-enlarge:before {
    content: '\e6b1';
}
.van-icon-expand-o:before {
    content: '\e6b2';
}
.van-icon-eye-o:before {
    content: '\e6b3';
}
.van-icon-expand:before {
    content: '\e6b4';
}
.van-icon-filter-o:before {
    content: '\e6b5';
}
.van-icon-fire:before {
    content: '\e6b6';
}
.van-icon-fail:before {
    content: '\e6b7';
}
.van-icon-failure:before {
    content: '\e6b8';
}
.van-icon-fire-o:before {
    content: '\e6b9';
}
.van-icon-flag-o:before {
    content: '\e6ba';
}
.van-icon-font:before {
    content: '\e6bb';
}
.van-icon-font-o:before {
    content: '\e6bc';
}
.van-icon-gem-o:before {
    content: '\e6bd';
}
.van-icon-flower-o:before {
    content: '\e6be';
}
.van-icon-gem:before {
    content: '\e6bf';
}
.van-icon-gift-card:before {
    content: '\e6c0';
}
.van-icon-friends:before {
    content: '\e6c1';
}
.van-icon-friends-o:before {
    content: '\e6c2';
}
.van-icon-gold-coin:before {
    content: '\e6c3';
}
.van-icon-gold-coin-o:before {
    content: '\e6c4';
}
.van-icon-good-job-o:before {
    content: '\e6c5';
}
.van-icon-gift:before {
    content: '\e6c6';
}
.van-icon-gift-o:before {
    content: '\e6c7';
}
.van-icon-gift-card-o:before {
    content: '\e6c8';
}
.van-icon-good-job:before {
    content: '\e6c9';
}
.van-icon-home-o:before {
    content: '\e6ca';
}
.van-icon-goods-collect:before {
    content: '\e6cb';
}
.van-icon-graphic:before {
    content: '\e6cc';
}
.van-icon-goods-collect-o:before {
    content: '\e6cd';
}
.van-icon-hot-o:before {
    content: '\e6ce';
}
.van-icon-info:before {
    content: '\e6cf';
}
.van-icon-hotel-o:before {
    content: '\e6d0';
}
.van-icon-info-o:before {
    content: '\e6d1';
}
.van-icon-hot-sale-o:before {
    content: '\e6d2';
}
.van-icon-hot:before {
    content: '\e6d3';
}
.van-icon-like:before {
    content: '\e6d4';
}
.van-icon-idcard:before {
    content: '\e6d5';
}
.van-icon-like-o:before {
    content: '\e6d7';
}
.van-icon-hot-sale:before {
    content: '\e6d8';
}
.van-icon-location-o:before {
    content: '\e6d9';
}
.van-icon-location:before {
    content: '\e6da';
}
.van-icon-label:before {
    content: '\e6db';
}
.van-icon-lock:before {
    content: '\e6dc';
}
.van-icon-label-o:before {
    content: '\e6dd';
}
.van-icon-map-marked:before {
    content: '\e6de';
}
.van-icon-logistics:before {
    content: '\e6df';
}
.van-icon-manager:before {
    content: '\e6e0';
}
.van-icon-more:before {
    content: '\e6e1';
}
.van-icon-live:before {
    content: '\e6e2';
}
.van-icon-manager-o:before {
    content: '\e6e3';
}
.van-icon-medal:before {
    content: '\e6e4';
}
.van-icon-more-o:before {
    content: '\e6e5';
}
.van-icon-music-o:before {
    content: '\e6e6';
}
.van-icon-music:before {
    content: '\e6e7';
}
.van-icon-new-arrival-o:before {
    content: '\e6e8';
}
.van-icon-medal-o:before {
    content: '\e6e9';
}
.van-icon-new-o:before {
    content: '\e6ea';
}
.van-icon-free-postage:before {
    content: '\e6eb';
}
.van-icon-newspaper-o:before {
    content: '\e6ec';
}
.van-icon-new-arrival:before {
    content: '\e6ed';
}
.van-icon-minus:before {
    content: '\e6ee';
}
.van-icon-orders-o:before {
    content: '\e6ef';
}
.van-icon-new:before {
    content: '\e6f0';
}
.van-icon-paid:before {
    content: '\e6f1';
}
.van-icon-notes-o:before {
    content: '\e6f2';
}
.van-icon-other-pay:before {
    content: '\e6f3';
}
.van-icon-pause-circle:before {
    content: '\e6f4';
}
.van-icon-pause:before {
    content: '\e6f5';
}
.van-icon-pause-circle-o:before {
    content: '\e6f6';
}
.van-icon-peer-pay:before {
    content: '\e6f7';
}
.van-icon-pending-payment:before {
    content: '\e6f8';
}
.van-icon-passed:before {
    content: '\e6f9';
}
.van-icon-plus:before {
    content: '\e6fa';
}
.van-icon-phone-circle-o:before {
    content: '\e6fb';
}
.van-icon-phone-o:before {
    content: '\e6fc';
}
.van-icon-printer:before {
    content: '\e6fd';
}
.van-icon-photo-fail:before {
    content: '\e6fe';
}
.van-icon-phone:before {
    content: '\e6ff';
}
.van-icon-photo-o:before {
    content: '\e700';
}
.van-icon-play-circle:before {
    content: '\e701';
}
.van-icon-play:before {
    content: '\e702';
}
.van-icon-phone-circle:before {
    content: '\e703';
}
.van-icon-point-gift-o:before {
    content: '\e704';
}
.van-icon-point-gift:before {
    content: '\e705';
}
.van-icon-play-circle-o:before {
    content: '\e706';
}
.van-icon-shrink:before {
    content: '\e707';
}
.van-icon-photo:before {
    content: '\e708';
}
.van-icon-qr:before {
    content: '\e709';
}
.van-icon-qr-invalid:before {
    content: '\e70a';
}
.van-icon-question-o:before {
    content: '\e70b';
}
.van-icon-revoke:before {
    content: '\e70c';
}
.van-icon-replay:before {
    content: '\e70d';
}
.van-icon-service:before {
    content: '\e70e';
}
.van-icon-question:before {
    content: '\e70f';
}
.van-icon-search:before {
    content: '\e710';
}
.van-icon-refund-o:before {
    content: '\e711';
}
.van-icon-service-o:before {
    content: '\e712';
}
.van-icon-scan:before {
    content: '\e713';
}
.van-icon-share:before {
    content: '\e714';
}
.van-icon-send-gift-o:before {
    content: '\e715';
}
.van-icon-share-o:before {
    content: '\e716';
}
.van-icon-setting:before {
    content: '\e717';
}
.van-icon-points:before {
    content: '\e718';
}
.van-icon-photograph:before {
    content: '\e719';
}
.van-icon-shop:before {
    content: '\e71a';
}
.van-icon-shop-o:before {
    content: '\e71b';
}
.van-icon-shop-collect-o:before {
    content: '\e71c';
}
.van-icon-shop-collect:before {
    content: '\e71d';
}
.van-icon-smile:before {
    content: '\e71e';
}
.van-icon-shopping-cart-o:before {
    content: '\e71f';
}
.van-icon-sign:before {
    content: '\e720';
}
.van-icon-sort:before {
    content: '\e721';
}
.van-icon-star-o:before {
    content: '\e722';
}
.van-icon-smile-comment-o:before {
    content: '\e723';
}
.van-icon-stop:before {
    content: '\e724';
}
.van-icon-stop-circle-o:before {
    content: '\e725';
}
.van-icon-smile-o:before {
    content: '\e726';
}
.van-icon-star:before {
    content: '\e727';
}
.van-icon-success:before {
    content: '\e728';
}
.van-icon-stop-circle:before {
    content: '\e729';
}
.van-icon-records-o:before {
    content: '\e72a';
}
.van-icon-shopping-cart:before {
    content: '\e72b';
}
.van-icon-tosend:before {
    content: '\e72c';
}
.van-icon-todo-list:before {
    content: '\e72d';
}
.van-icon-thumb-circle-o:before {
    content: '\e72e';
}
.van-icon-thumb-circle:before {
    content: '\e72f';
}
.van-icon-umbrella-circle:before {
    content: '\e730';
}
.van-icon-underway:before {
    content: '\e731';
}
.van-icon-upgrade:before {
    content: '\e732';
}
.van-icon-todo-list-o:before {
    content: '\e733';
}
.van-icon-tv-o:before {
    content: '\e734';
}
.van-icon-underway-o:before {
    content: '\e735';
}
.van-icon-user-o:before {
    content: '\e736';
}
.van-icon-vip-card-o:before {
    content: '\e737';
}
.van-icon-vip-card:before {
    content: '\e738';
}
.van-icon-send-gift:before {
    content: '\e739';
}
.van-icon-wap-home:before {
    content: '\e73a';
}
.van-icon-wap-nav:before {
    content: '\e73b';
}
.van-icon-volume-o:before {
    content: '\e73c';
}
.van-icon-video:before {
    content: '\e73d';
}
.van-icon-wap-home-o:before {
    content: '\e73e';
}
.van-icon-volume:before {
    content: '\e73f';
}
.van-icon-warning:before {
    content: '\e740';
}
.van-icon-weapp-nav:before {
    content: '\e741';
}
.van-icon-wechat-pay:before {
    content: '\e742';
}
.van-icon-warning-o:before {
    content: '\e743';
}
.van-icon-wechat:before {
    content: '\e744';
}
.van-icon-setting-o:before {
    content: '\e745';
}
.van-icon-youzan-shield:before {
    content: '\e746';
}
.van-icon-warn-o:before {
    content: '\e747';
}
.van-icon-smile-comment:before {
    content: '\e748';
}
.van-icon-user-circle-o:before {
    content: '\e749';
}
.van-icon-video-o:before {
    content: '\e74a';
}
.van-icon-add-square:before {
    content: '\e65c';
}
.van-icon-add:before {
    content: '\e65d';
}
.van-icon-arrow-down:before {
    content: '\e65e';
}
.van-icon-arrow-up:before {
    content: '\e65f';
}
.van-icon-arrow:before {
    content: '\e660';
}
.van-icon-after-sale:before {
    content: '\e661';
}
.van-icon-add-o:before {
    content: '\e662';
}
.van-icon-alipay:before {
    content: '\e663';
}
.van-icon-ascending:before {
    content: '\e664';
}
.van-icon-apps-o:before {
    content: '\e665';
}
.van-icon-aim:before {
    content: '\e666';
}
.van-icon-award:before {
    content: '\e667';
}
.van-icon-arrow-left:before {
    content: '\e668';
}
.van-icon-award-o:before {
    content: '\e669';
}
.van-icon-audio:before {
    content: '\e66a';
}
.van-icon-bag-o:before {
    content: '\e66b';
}
.van-icon-balance-list:before {
    content: '\e66c';
}
.van-icon-back-top:before {
    content: '\e66d';
}
.van-icon-bag:before {
    content: '\e66e';
}
.van-icon-balance-pay:before {
    content: '\e66f';
}
.van-icon-balance-o:before {
    content: '\e670';
}
.van-icon-bar-chart-o:before {
    content: '\e671';
}
.van-icon-bars:before {
    content: '\e672';
}
.van-icon-balance-list-o:before {
    content: '\e673';
}
.van-icon-birthday-cake-o:before {
    content: '\e674';
}
.van-icon-bookmark:before {
    content: '\e675';
}
.van-icon-bill:before {
    content: '\e676';
}
.van-icon-bell:before {
    content: '\e677';
}
.van-icon-browsing-history-o:before {
    content: '\e678';
}
.van-icon-browsing-history:before {
    content: '\e679';
}
.van-icon-bookmark-o:before {
    content: '\e67a';
}
.van-icon-bulb-o:before {
    content: '\e67b';
}
.van-icon-bullhorn-o:before {
    content: '\e67c';
}
.van-icon-bill-o:before {
    content: '\e67d';
}
.van-icon-calendar-o:before {
    content: '\e67e';
}
.van-icon-brush-o:before {
    content: '\e67f';
}
.van-icon-card:before {
    content: '\e680';
}
.van-icon-cart-o:before {
    content: '\e681';
}
.van-icon-cart-circle:before {
    content: '\e682';
}
.van-icon-cart-circle-o:before {
    content: '\e683';
}
.van-icon-cart:before {
    content: '\e684';
}
.van-icon-cash-on-deliver:before {
    content: '\e685';
}
.van-icon-cash-back-record-o:before {
    content: '\e686';
}
.van-icon-cashier-o:before {
    content: '\e687';
}
.van-icon-chart-trending-o:before {
    content: '\e688';
}
.van-icon-certificate:before {
    content: '\e689';
}
.van-icon-chat:before {
    content: '\e68a';
}
.van-icon-clear:before {
    content: '\e68b';
}
.van-icon-chat-o:before {
    content: '\e68c';
}
.van-icon-checked:before {
    content: '\e68d';
}
.van-icon-clock:before {
    content: '\e68e';
}
.van-icon-clock-o:before {
    content: '\e68f';
}
.van-icon-close:before {
    content: '\e690';
}
.van-icon-closed-eye:before {
    content: '\e691';
}
.van-icon-circle:before {
    content: '\e692';
}
.van-icon-cluster-o:before {
    content: '\e693';
}
.van-icon-column:before {
    content: '\e694';
}
.van-icon-comment-circle-o:before {
    content: '\e695';
}
.van-icon-cluster:before {
    content: '\e696';
}
.van-icon-comment:before {
    content: '\e697';
}
.van-icon-comment-o:before {
    content: '\e698';
}
.van-icon-comment-circle:before {
    content: '\e699';
}
.van-icon-completed-o:before {
    content: '\e69a';
}
.van-icon-credit-pay:before {
    content: '\e69b';
}
.van-icon-coupon:before {
    content: '\e69c';
}
.van-icon-debit-pay:before {
    content: '\e69d';
}
.van-icon-coupon-o:before {
    content: '\e69e';
}
.van-icon-contact-o:before {
    content: '\e69f';
}
.van-icon-descending:before {
    content: '\e6a0';
}
.van-icon-desktop-o:before {
    content: '\e6a1';
}
.van-icon-diamond-o:before {
    content: '\e6a2';
}
.van-icon-description-o:before {
    content: '\e6a3';
}
.van-icon-delete:before {
    content: '\e6a4';
}
.van-icon-diamond:before {
    content: '\e6a5';
}
.van-icon-delete-o:before {
    content: '\e6a6';
}
.van-icon-cross:before {
    content: '\e6a7';
}
.van-icon-edit:before {
    content: '\e6a8';
}
.van-icon-ellipsis:before {
    content: '\e6a9';
}
.van-icon-down:before {
    content: '\e6aa';
}
.van-icon-discount-o:before {
    content: '\e6ab';
}
.van-icon-ecard-pay:before {
    content: '\e6ac';
}
.van-icon-envelop-o:before {
    content: '\e6ae';
}
@font-face {
    font-display: auto;
    font-family: vant-icon;
    font-style: normal;
    font-weight: 400;
    src: url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff2?t=1694918397022) format('woff2'),
        url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format('woff');
}
:host {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.van-icon--custom {
    position: relative;
}
.van-icon--image {
    height: 1em;
    width: 1em;
}
.van-icon__image {
    height: 100%;
    width: 100%;
}
.van-icon__info {
    z-index: 1;
}
</style>
